//根目录
import { useMemberStore } from '@/stores'
const baseURL = 'https://pcapi-xiaotuxian-front-devtest.itheima.net'

//设置拦截器，参数1是api的名字，参数2是一个配置对象，里边要放invok函数
const httpInterceptor = {
  invoke(options: UniApp.RequestOptions) {
    //1.非http开头需要拼接地址
    if (!options.url.startsWith('http')) {
      options.url = `${baseURL}${options.url}`
    }
    console.log(options.url)

    //请求超时
    options.timeout = 10000
    //添加请求头标志
    options.header = {
      ...options.header,
      'source-client': 'miniapp',
    }
    //调用useMemberStore得到member仓库对象，获取token
    const memberStore = useMemberStore()
    const token = memberStore.profile?.token
    if (token) {
      options.header.Authorization = token
    }
  },
}
//设置请求拦截器
uni.addInterceptor('request', httpInterceptor)
uni.addInterceptor('uploadFile', httpInterceptor)

//关于泛型
//1.写在小括号之前
//2.声明一个接口，规定数据结构（类型）
//3.T相当于一个变量，只是指向的不是具体的值，而是一种数据类型

interface Data<T> {
  code: string
  msg: string
  result: T
}
//封装http函数解决响应拦截器的问题
//1.封装http函数返回一个promise对象，promise对象里封装发请求的异步任务
export const http = <T>(options: UniApp.RequestOptions) => {
  return new Promise<Data<T>>((resolve, reject) => {
    //2.发请求
    uni.request({
      ...options,
      //注意，success的调用时机是服务器网络响应成功，包括401,404,都表示响应成功
      success(res) {
        if (res.statusCode >= 200 && res.statusCode <= 300) {
          // console.log(res.data)
          resolve(res.data as Data<T>)
        } else if (res.statusCode == 401) {
          //清理用户信息，跳转页面
          const memberStore = useMemberStore()
          memberStore.clearProfile()
          //相当于vue-router的$router.push()
          uni.navigateTo({ url: 'pages/login/login' })
          reject(res)
        } else {
          //其他错误，根据后端错误轻提示
          uni.showToast({
            icon: 'none',
            title: (res.data as Data<T>).msg || '请求错误',
          })
          reject(res)
        }
      },
      //服务器响应失败
      fail(err) {
        uni.showToast({
          icon: 'none',
          title: '网络错误，换个网络试试',
        })
        reject(err)
      },
    })
  })
}
